<!--  -->
<template>
  <div>
    <label for="">选择要查询的项目： </label>
    <el-select v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
    <br/>

    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="commit提交主题/创建时间/是否合入">
        <div>
          检视人：张三；李四；王五；赵六
        </div>
        <div>
          代码地址：https://gitlab.ctbiyi.com/yiling/yiling-event-grid-access-server/-/settings/repository
        </div>
      </el-collapse-item>
     <el-collapse-item title="commit提交主题/创建时间/是否合入">
        <div>
          检视人：张三；李四；王五；赵六
        </div>
        <div>
          代码地址：https://gitlab.ctbiyi.com/yiling/yiling-event-grid-access-server/-/settings/repository
        </div>
      </el-collapse-item>
      <el-collapse-item title="commit提交主题/创建时间/是否合入">
        <div>
          检视人：张三；李四；王五；赵六
        </div>
        <div>
          代码地址：https://gitlab.ctbiyi.com/yiling/yiling-event-grid-access-server/-/settings/repository
        </div>
      </el-collapse-item>
      <el-collapse-item title="commit提交主题/创建时间/是否合入">
        <div>
          检视人：张三；李四；王五；赵六
        </div>
        <div>
          代码地址：https://gitlab.ctbiyi.com/yiling/yiling-event-grid-access-server/-/settings/repository
        </div>
      </el-collapse-item>
      <el-collapse-item title="commit提交主题/创建时间/是否合入">
        <div>
          检视人：张三；李四；王五；赵六
        </div>
        <div>
          代码地址：https://gitlab.ctbiyi.com/yiling/yiling-event-grid-access-server/-/settings/repository
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  data: () => ({
    activeNames: ["1"],
    options: [
      {
        value: "商务部",
        label: "SWb",
      },
      {
        value: "大屏前端",
        label: "大屏前端",
      },
      {
        value: "栅格中台",
        label: "栅格中台",
      },
      {
        value: "大屏后端",
        label: "大屏后端",
      },
      {
        value: "设备管理",
        label: "设备管理",
      },
    ],
    value: "",
  }),

  components: {},

  mounted() {},

  methods: {
    handleChange(val) {
      console.log(val);
    },
  },
};
</script>
<style rel='stylesheet/scss' lang='scss' scoped>
</style>